/*
* AMPWORK THEME FILE 
*/

/*@import url('~/Content/Roboto/stylesheet.css');*/
html,
body {
    height: 100%;
}

body,
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

textarea {
    resize: none;
}

label,
table.dataTable thead th,
table.dataTable tfoot th,
b,
strong {
    font-weight: 500;
    
}

.btn {
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    padding: 6px 10px;
    margin: 0 5px;
}

.btn:focus,
.btn:active {
    outline: none !important;
}

.btn.btn-file {
    border-radius: 100%;
    background: #346888;
    border-color: #346888;
}

.form-control {
    border-color: #A0A0A0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 6px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); */
    box-shadow: none;
}

input[type='checkbox'],
input[type='radio'] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

input[type='checkbox']:before,
input[type='radio']:before {
    content: '';
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -1px;
    left: -1px;
    border: solid 1px #a0a0a0;
    border-radius: 6px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
}

input[type='radio']:before {
    border-radius: 30px;
    font-size: 11px;
}

input[type='checkbox']:checked:before,
input[type='radio']:checked:before {
    content: '\f00c';
    font-family: FontAwesome !important;
    color: #fff;
    background-color: #5780cc;
    border-color: #5780cc;
}

input[type='radio']:checked:before {
    content: '\f111';
}

input[type='checkbox']:focus,
input[type='radio']:focus {
    outline: none;
}

.alert {
    border-radius: 6px;
}

.alert i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    font-size: 18px;
}

.radio-inline .label-txt {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: 4px;
}

.input-group .form-control:focus,
.input-group .form-control:focus+.input-group-addon,
.input-group .form-control:focus+.typeahead.dropdown-menu+.input-group-addon {
    border-color: #5780cc !important;
}

.input-group .input-group-addon {
    /* border-color: #a0a0a0; */
    border-color: #333333;
    /* border-radius: 0px 6px 6px 0px !important; */
    border-radius: 0 !important;
    border: transparent;
    border-bottom: 1px solid #333333;
}

.info-box-row {
    margin: 15px -15px 0px;
}

.info-box-row .info-box {
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease-out;
    margin-bottom: 30px;
}

.info-box-row .info-box:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.info-box-row .info-box span.info-box-icon {
    float: none;
    display: inline-block;
    border-radius: 100%;
    margin-bottom: 12px;
}

.info-box-row .info-box .info-box-content {
    padding: 0px;
    margin: 0px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
    background-color: #f0f0f0;
    padding: 10px;
    border-top: solid 1px #d6d6d6;
    border-bottom: solid 1px #d6d6d6;
    margin: 15px -15px;
}

.info-box-row .info-box .info-box-content .info-box-text {
    font-size: 13px;
}

.info-box-row .info-box .info-box-content .btn {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

.content-wrapper,
.right-side {
    padding-top: 0px;
    min-height: 100px !important;
    background: white;
}

.navbar-custom-menu>.navbar-nav>li.tasks-menu .dropdown-toggle {
    /*height: 70px;
    display: flex;
    align-items: center;*/
}

.navbar-custom-menu>.navbar-nav>li.user-menu .dropdown-toggle {
    display: flex;
    flex: auto;
    padding: 12px 15px;
}

.navbar-custom-menu>.navbar-nav>li.dropdown.open .dropdown-toggle {
    z-index: 1001;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-image {
    max-width: 42px;
    margin-right: 12px;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name {
    display: flex;
    flex-direction: column;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>span:first-child {
    font-size: 16px;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status {
    /* background-color: #1e282c; */
    padding: 3px;
    text-align: center;
    border-radius: 20px;
    font-size: 12px;
    /**Hamburger Menu*/
    width: 60px;
    height: 35px;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status>span {
    position: relative;
    width: 65% !important;
    height: 5px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: white !important;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status>span:before,
.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status>span:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: -10px;
    width: 100%;
    height: 5px;
    background: inherit;
    border-radius: 30px;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status>span:after {
    top: 10px;
}

.navbar-custom-menu>.navbar-nav>li.user-menu.open .avatar-name>.network-status {
    background-color: #657b84;
}

.skin-blue .main-header li.user-header {
    /* background-color: #1e282c; */
    background-color: #346888;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status .network-indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 30px;
    background-color: #aaaaaa;
    margin: 4px 3px 0px 0px;
    vertical-align: top;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status .network-indicator.online {
    background-color: #52df9e;
}

.navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status .network-indicator.offline {
    background-color: #de1a1a;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: white;
}

.navbar-nav>.user-menu .user-image {
    width: 42px;
    height: 42px;
}

.profile-user-img {
    width: 100px;
    height: 100px;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu .header {
    border-bottom: solid 1px #d6d6d6;
    font-size: 18px;
    padding: 10px;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu .header span {
    background-color: #458dbc;
    color: #fff;
    padding: 1px 8px;
    border-radius: 4px;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
    padding-right: 20px;
    white-space: normal;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 small {
    margin-right: -20px;
}

.main-footer {
    clear: both;
    margin: 0px -15px;
}

.main-footer img {
    margin: 0px 3px;
    display: none;
}

.open>.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-menu>.active a,
.dropdown-menu>.active a:focus,
.dropdown-menu>.active a:hover {
    color: #fff !important;
}

.typeahead.dropdown-menu>li a,
.typeahead.dropdown-menu>li a:focus,
.typeahead.dropdown-menu>li a:hover {
    padding: 0px;
    float: none !important;
    display: block;
}

.typeahead.dropdown-menu>.active a,
.typeahead.dropdown-menu>.active a:focus,
.typeahead.dropdown-menu>.active a:hover {
    background-color: #5780cc;
    color: #fff;
}

.typeahead.dropdown-menu>li a .media-body,
.typeahead.dropdown-menu>li a .media-left,
.typeahead.dropdown-menu>li a .media-right {
    display: block;
    float: none !important;
}

.typeahead.dropdown-menu>li a .media-body a,
.typeahead.dropdown-menu>li a .media-left a,
.typeahead.dropdown-menu>li a .media-right a {
    padding: 10px !important;
}

.box-header {
    background-color: transparent;
    border-bottom: solid 1px #eee !important;
    margin-bottom: 15px;
}

.box-header .box-title {
    /* font-size: 24px; */
    font-size: 20px;
}

.box-footer {
    padding: 15px;
    text-align: right;
}

.feedback-box .box-body {
    padding-bottom: 0px !important;
}

.feedback-box .step-panel-holder .step-panel {
    display: flex;
    flex-wrap: wrap;
}

.feedback-box .step-panel-holder .step-panel .question-box {
    width: 50%;
    border-right: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    padding: 15px;
    margin-bottom: 0px;
}

.feedback-box .step-panel-holder .step-panel .question-box:nth-child(2n) {
    border-right: none;
}

.feedback-box .step-panel-holder .step-panel .step-panel-content {
    padding: 15px;
    border-top: solid 1px #eeeeee;
    width: 100%;
    margin-top: -1px;
}

.feedback-box .step-panel-holder .step-panel .step-panel-content .button-section {
    background-color: #f9f9f9;
    margin-top: -5px;
    padding: 15px;
    text-align: right;
}

.feedback-box .step-panel-holder .step-panel .step-panel-content label {
    font-size: 19px;
}

.feedback-box .step-panel-holder {
    margin-top: -15px;
}

.skin-blue .wrapper {
    background-color: #ecf0f5;
}

.skin-blue .sidebar-form input[type="text"] {
    background-color: #ffffff;
    padding-left: 18px;
}

.skin-blue .sidebar-form .btn {
    background-color: #efefef;
}

.error-page>.fa {
    font-size: 150px;
    color: #f76e3e;
    border-radius: 100px;
}

.error-page>.error-content {
    margin-left: 0px;
}

.error-page>.error-content .text-red {
    color: #f76e3e !important;
}

.error-page>.error-content form {
    margin-top: 20px;
}

.error-page>.error-content .input-group .form-control,
.error-page>.error-content .input-group-btn>.btn {
    height: 50px;
}

.btn-app {
    padding: 35px 10px !important;
}

.btn-app span {
    word-wrap: break-word;
    white-space: normal;
}

.application-shortcut {
    width: 120px;
    height: 120px;
    padding-top: 2px;
    background-color: #ffffff;
    border-radius: 6px;
    /* margin: 0px 15px 15px 0px; */
    margin: 15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    transition: all 0.2s ease-in-out;
}

.application-shortcut .app-icon {
    color: #475357;
    display: block;
    text-align: center;
    margin: 5px 0px;
    font-size: 40px;
}

.application-shortcut .app-icon.icon-transfer-in {
    transform: rotateY(180deg);
}

.application-shortcut span {
    display: block;
    text-align: center;
    margin: 5px 0px;
}

.application-shortcut span {
    color: #333333;
}

.application-shortcut:hover {
    border-color: #dddddd;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    background-color: #346888;
    color: white;
}

.application-shortcut:hover span,
.application-shortcut:hover .app-icon {
    color: white;
}

.application-shortcut-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.application-shortcut-list>li {
    width: 150px;
    height: 150px;
    margin: 0px 10px 10px 0px;
    position: relative;
}

.application-shortcut-list>li>a.application-shortcut {
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    background-color: #ffffff;
    transition: all 0.2s ease-out;
}

.application-shortcut-list>li>a.application-shortcut .fa,
.application-shortcut-list>li>a.application-shortcut span {
    display: block;
    text-align: center;
    margin: 5px 0px;
}

.application-shortcut-list>li>a.application-shortcut .fa {
    font-size: 40px;
}

.application-shortcut-list>li>a.application-shortcut span {
    color: #333333;
}

.application-shortcut-list>li:hover {
    z-index: 3;
}

.application-shortcut-list>li:hover>a.application-shortcut {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.application-shortcut-list>li.application-shortcut-group {
    position: relative;
}

.application-shortcut-list>li.application-shortcut-group>div:first-child {
    width: inherit;
    height: inherit;
}

.application-shortcut-list>li.application-shortcut-group>div a.application-shortcut {
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    background-color: #ffffff;
    transition: all 0.2s ease-out;
}

.application-shortcut-list>li.application-shortcut-group>div>a.application-shortcut .fa,
.application-shortcut-list>li.application-shortcut-group>div>a.application-shortcut span {
    display: block;
    text-align: center;
    margin: 5px 0px;
}

.application-shortcut-list>li.application-shortcut-group>div>a.application-shortcut .fa {
    font-size: 40px;
}

.application-shortcut-list>li.application-shortcut-group>div>a.application-shortcut span {
    color: #333333;
}

.application-shortcut-list>li.application-shortcut-group>div>a:after {
    content: '\f0d7';
    font-family: FontAwesome !important;
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    top: 40%;
    right: 5px;
    transition: all 0.2s ease-out;
}

.application-shortcut-list>li.application-shortcut-group>div>a.active-shortcut:after {
    top: 120px;
}

.application-shortcut-list>li.application-shortcut-group>div>ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 160px;
    left: 0%;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    display: none;
}

.application-shortcut-list>li.application-shortcut-group>div>ul:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -5px;
    border: solid 10px transparent;
    border-bottom-color: #d6d6d6;
    width: 0px;
    height: 0px;
}

.application-shortcut-list>li.application-shortcut-group>div>a.active-shortcut+ul {
    display: block;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li {
    text-align: left;
    position: relative;
    z-index: 1;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li>a.application-shortcut {
    width: 100%;
    display: block;
    height: auto;
    padding: 10px 15px;
    background-color: #ffffff;
    transition: all 0.2s ease-out;
    border-bottom: solid 1px #d6d6d6;
    margin: 0px;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li:last-child>a.application-shortcut {
    border-bottom: none;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li>.application-shortcut .fa,
.application-shortcut-list>li.application-shortcut-group>div>ul>li>.application-shortcut span {
    display: block;
    margin: 0px;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li>.application-shortcut .fa {
    font-size: 18px;
    margin-bottom: 5px;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li:hover {
    z-index: 2;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li:hover>a.application-shortcut {
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); */
    background-color: #346888;
    color: white;
}

.application-shortcut-list>li.application-shortcut-group>div>ul>li:hover>a.application-shortcut i {
    color: white;
}

.input-append.date .add-on {
    height: 1px !important;
    overflow: hidden;
    display: block;
    margin-top: -1px;
}

.custom-alert {
    font-size: 18px;
    height: 50px;
    padding: 11px 15px;
}

.custom-alert strong {
    background-color: rgba(0, 0, 0, 0.5);
    margin: -12px -15px;
    padding: 4px 15px;
    font-size: 30px;
}

.vehicle-details-column .table-toggle {
    display: none;
}

.car-detail-table>tbody>tr>td {
    border-color: #dadada !important;
}

.car-detail-table>tbody>tr>td:first-child {
    background-color: #f3f3f3;
}

.car-detail-table>tbody>tr>td.table-heading {
    background-color: #f9f9f9;
    color: #006077;
    font-weight: 500;
    font-size: 16px;
}

.car-detail-table>tbody>tr>td.table-heading .dropdown-menu {
    background-color: #286090;
    margin-top: 0px;
    padding: 0px;
}

.car-detail-table>tbody>tr>td.table-heading .dropdown-menu>li>a {
    color: #fff;
    padding: 6px 15px;
}

.car-detail-table>tbody>tr>td.table-heading .dropdown-menu>li>a:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

td .checkbox input[type=checkbox],
td .checkbox-inline input[type=checkbox],
td .radio input[type=radio],
td .radio-inline input[type=radio] {
    position: relative;
    margin-left: 0px;
}

td .checkbox {
    text-align: center;
}

.jGrowl-notification {
    color: #ffffff !important;
    background-color: #222d32 !important;
    font-size: 18px;
}

.multiselect-native-select {
    display: block;
}

.multiselect-native-select .btn-group {
    display: block;
}

.multiselect-native-select .multiselect {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    height: 45px;
    padding-left: 36px;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0px;
    border-color: #d2d6de;
}

.multiselect-native-select .multiselect:focus,
.multiselect-native-select .multiselect:focus:active,
.multiselect.open>.dropdown-toggle.btn-default.focus,
.multiselect.open>.dropdown-toggle.btn-default:focus,
.multiselect.open>.dropdown-toggle.btn-default:hover,
.btn-group.open .dropdown-toggle {
    background-color: #ffffff !important;
    border-color: #5780cc !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #5780cc !important;
}

.multiselect-container.dropdown-menu {
    width: 100%;
}

.multiselect-container.dropdown-menu li {
    position: relative;
}

.multiselect-container.dropdown-menu li>a {
    border-bottom: solid 1px #ddd;
}

.multiselect-container.dropdown-menu li>a>label {
    padding: 6px 20px 6px 40px;
    position: static;
}

.multiselect-container.dropdown-menu li>a>label input[type=checkbox] {
    left: 30px;
    top: 2px;
}

.bootstrap-form-custom .control-label {
    text-align: right;
    padding-top: 5px;
}

.multiselect-container.dropdown-menu li>a>label input[type=checkbox]:before {
    background-color: #ffffff;
    color: #5780cc;
}

input.typeahead {
    background-color: #ffffff !important;
    border: solid 1px #a0a0a0 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.m-15 {
    margin: 15px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.custom-bootstrap-table-responsive,
.bill-summary-table {
    border-collapse: collapse;
}

.custom-bootstrap-table-responsive thead th {
    border-top: solid 1px #333 !important;
    border-bottom: solid 1px #333 !important;
}

.custom-bootstrap-table-responsive tbody td {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.custom-bootstrap-table-responsive tbody td .qty-action {
    text-align: center;
    background-color: #00a65a;
    color: #ffffff;
    padding: 4px;
    cursor: pointer;
    display: block;
}

.custom-bootstrap-table-responsive tbody tr.sub-row {
    display: table-row;
}

.custom-bootstrap-table-responsive tbody tr.sub-row .custom-bootstrap-table-responsive {
    width: 96%;
    margin: auto;
    border-top: solid 2px #666;
    border-collapse: collapse;
}

.custom-bootstrap-table-responsive tbody tr.sub-row .td-action {
    vertical-align: middle;
    text-align: center;
}

.custom-bootstrap-table-responsive tbody tr.sub-row .td-action a {
    margin: 0px 5px;
}

.custom-bootstrap-table-responsive tbody tr.sub-row .custom-bootstrap-table-responsive tr:last-child td {
    border-bottom: solid 1px #666;
}

.custom-bootstrap-table-responsive tbody tr.sub-row .custom-bootstrap-table-responsive td .form-control {
    border-color: #a2a2a2;
}

.custom-bootstrap-table-responsive tbody tr.sub-row .custom-bootstrap-table-responsive td.heading {
    background-color: #fbfbfb;
    width: 15%;
    text-align: right;
    line-height: 28px;
    font-weight: 500;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
}

.bill-summary-table td {
    border-top: solid 1px #ddd !important;
}

.bill-summary-table tbody>tr:first-child td {
    border-top: solid 1px #333 !important;
}

.bill-summary-table tbody>tr:last-child td {
    border-top: solid 1px #333 !important;
    border-bottom: solid 1px #333 !important;
}

.bill-summary-table tbody>tr td:first-child {
    width: 40%;
}

.timeline>li>.timeline-badge {
    background-color: #5780cc;
}

.custom-form-radio {
    text-align: right;
    min-height: 34px;
}

.panel-heading-custom-form {
    margin-top: 15px;
}

.app-common-form .form-field-icon {
    right: auto;
    left: 2px;
    top: 7px;
    z-index: 10;
}

.app-common-form .form-control {
    padding: 6px 8px 6px 30px;
    height: 45px;
    background-color: transparent !important;
    position: relative;
    z-index: 10;
    border: none !important;
    border-radius: 0;
    border-bottom: 1px solid #333333 !important;
}

.app-common-form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: 95% 42%;
}

.app-common-form textarea.form-control {
    height: auto;
}

.app-common-form .form-field {
    position: relative;
    margin-bottom: 30px;
}

.app-common-form .form-field .form-control-label {
    position: absolute;
    margin-bottom: 0px;
    top: 12px;
    left: 43px;
    font-weight: normal;
    color: #aaa;
    z-index: 9;
    transition: all 0.2s;
}

.app-common-form .form-field-active .form-control {
    border-color: #187ae8;
}

.app-common-form .has-error .form-control {
    border-color: #dd4b39;
}

.app-common-form .form-field-active .form-field-icon {
    color: #187ae8;
}

.app-common-form .has-error .form-field-icon {
    color: #dd4b39;
}

.app-common-form .form-field-value .form-control-label {
    top: -11px;
    left: 6px;
    z-index: 11;
    /* background-color: transparent; */
    background-color: white;
    color: #333333;
    padding: 0px 5px;
}

.app-common-form .form-field-active.form-field-value .form-control-label {
    color: #187ae8;
}

.app-common-form .form-field.date-field .input-group {
    width: 100%;
}

.app-common-form .form-field.date-field .input-group .form-control {
    border-left: none;
    padding-left: 10px;
}

.app-common-form .has-error .form-control-label {
    color: #dd4b39;
}

.app-common-form .row-checkbox {
    margin-top: -18px;
}

.app-common-form .row-checkbox .icheckbox_square-blue,
.app-common-form .row-checkbox .iradio_square-blue {
    margin-right: 6px;
}

.app-common-form .form-control-feedback {
    top: 5px;
    right: auto;
    left: 0px;
}

.app-common-form .form-checkbox {
    margin-top: 9px;
    font-weight: normal;
}

.app-common-form .form-checkbox input[type="checkbox"] {
    margin-right: 5px;
    float: left;
}

.app-common-form .form-checkbox span {
    display: block;
    width: 100%;
    padding-left: 30px;
    padding-top: 5px;
}

.app-datatable-form .form-group,
.app-datatable-form .form-field {
    margin-bottom: 0px;
}

.app-datatable-form .form-field .form-control {
    height: 36px;
}

.app-datatable-form .form-field .form-field-icon {
    top: 2px;
}

.box-header {
    padding: 15px;
    margin-bottom: 0px;
}

.box-header .btn-group {
    margin: -9px;
}

.box-header .btn-group .btn-quick-action {
    background-color: transparent;
    width: 42px;
    height: 42px;
    /* border-radius: 100%; */
    border-radius: 0;
    box-shadow: none;
    line-height: 42px;
    padding: 0px;
    color: #222d32;
    font-size: 20px;
    border: none;
}

.box-header .btn-group.open .dropdown-toggle.btn-quick-action {
    background-color: #187ae8 !important;
    color: #ffffff !important;
}

.box-header .btn-group.open .dropdown-menu.quick-action {
    padding: 0px;
    margin: 0px;
}

.box-header .btn-group.open .dropdown-menu.quick-action li {
    border-bottom: solid 1px #e9e9e9;
}

.box-header .btn-group.open .dropdown-menu.quick-action li:last-child {
    border-bottom: none;
}

.box-header .btn-group.open .dropdown-menu.quick-action li a.active {
    background-color: #187ae8;
    color: #ffffff;
}

.box-header .btn-group.open .dropdown-menu.quick-action li a.active .fa-check {
    margin: 2px 0pc;
    float: right;
    color: #fff;
}

.box-body {
    padding: 15px !important;
    margin-bottom: 15px;
}

.filter-box {
    margin-top: 15px;
}

.filter-box .box-body {
    padding: 10px 15px !important;
}

.box-body>.app-common-form {
    padding-top: 15px;
}

.box-body .empty-message {
    font-size: 24px;
    font-style: italic;
    color: #aaaaaa;
    display: block;
    text-align: center;
}

.box-body .dt-buttons {
    margin-right: 20px;
    float: right;
}

.box-body .dt-buttons .dt-button i {
    margin-right: 5px;
}

.box-body .dt-buttons .dt-button {
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border: none;
    margin-left: 5px;
}

.box-body .dt-buttons .dt-button:hover {
    border: none;
}

.box-body .dt-buttons .dt-button.buttons-copy {
    background: #468ebc;
    border-color: #468ebc;
    color: #fff;
}

.box-body .dt-buttons .dt-button.buttons-csv {
    background: #2fb1e2;
    border-color: #2fb1e2;
    color: #fff;
}

.box-body .dt-buttons .dt-button.buttons-excel {
    background: #3d9232;
    border-color: #3d9232;
    color: #fff;
}

.box-body .dt-buttons .dt-button.buttons-pdf {
    background: #f35f5f;
    border-color: #f35f5f;
    color: #fff;
}

.box-body .typeahead.dropdown-menu {
    max-width: 1000px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.box-body .itemcode .typeahead.dropdown-menu {
    max-width: 1000px;
    height: 200px;
}


/* timeline style */

.timeline>li {
    margin-right: 0px;
}

.timeline>li>.timeline-panel {
    padding: 0px;
}

.timeline>li>.timeline-panel .timeline-table {
    display: table;
    width: 100%;
}

.timeline>li>.timeline-panel .timeline-box {
    display: table-cell;
    width: 60%;
    padding: 15px;
    vertical-align: middle;
}

.timeline>li>.timeline-panel .timeline-time {
    display: table-cell;
    width: 40%;
    padding: 15px;
    background-color: #999;
    text-align: center;
    vertical-align: middle;
}

.timeline>li>.timeline-panel .timeline-time .fa {
    color: #fff;
    font-size: 40px;
}

.timeline>li>.timeline-panel .timeline-time span {
    display: block;
    color: #fff;
    margin-top: 9px;
}


/* timeline green */

.timeline>li.timeline-green .timeline-badge {
    background-color: #3cbc3e;
}

.timeline>li.timeline-green .timeline-panel {
    border-color: #3cbc3e;
}

.timeline>li.timeline-green>.timeline-panel:before {
    border-left-color: #3cbc3e;
    border-right-color: #3cbc3e;
}

.timeline>li.timeline-green>.timeline-panel .timeline-time {
    background-color: #3cbc3e;
}


/* timeline purple */

.timeline>li.timeline-purple .timeline-badge {
    background-color: #873cbc;
}

.timeline>li.timeline-purple .timeline-panel {
    border-color: #873cbc;
}

.timeline>li.timeline-purple>.timeline-panel:before {
    border-left-color: #873cbc;
    border-right-color: #873cbc;
}

.timeline>li.timeline-purple>.timeline-panel .timeline-time {
    background-color: #873cbc;
}


/* timeline pink */

.timeline>li.timeline-pink .timeline-badge {
    background-color: #d64296;
}

.timeline>li.timeline-pink .timeline-panel {
    border-color: #d64296;
}

.timeline>li.timeline-pink>.timeline-panel:before {
    border-left-color: #d64296;
    border-right-color: #d64296;
}

.timeline>li.timeline-pink>.timeline-panel .timeline-time {
    background-color: #d64296;
}


/* timeline blue 1 */

.timeline>li.timeline-blue1 .timeline-badge {
    background-color: #36d9d1;
}

.timeline>li.timeline-blue1 .timeline-panel {
    border-color: #36d9d1;
}

.timeline>li.timeline-blue1>.timeline-panel:before {
    border-left-color: #36d9d1;
    border-right-color: #36d9d1;
}

.timeline>li.timeline-blue1>.timeline-panel .timeline-time {
    background-color: #36d9d1;
}


/* timeline blue 2 */

.timeline>li.timeline-blue2 .timeline-badge {
    background-color: #2c53a8;
}

.timeline>li.timeline-blue2 .timeline-panel {
    border-color: #2c53a8;
}

.timeline>li.timeline-blue2>.timeline-panel:before {
    border-left-color: #2c53a8;
    border-right-color: #2c53a8;
}

.timeline>li.timeline-blue2>.timeline-panel .timeline-time {
    background-color: #2c53a8;
}


/* timeline blue 3 */

.timeline>li.timeline-blue3 .timeline-badge {
    background-color: #5780cc;
}

.timeline>li.timeline-blue3 .timeline-panel {
    border-color: #5780cc;
}

.timeline>li.timeline-blue3>.timeline-panel:before {
    border-left-color: #5780cc;
    border-right-color: #5780cc;
}

.timeline>li.timeline-blue3>.timeline-panel .timeline-time {
    background-color: #5780cc;
}


/* timeline orange */

.timeline>li.timeline-orange .timeline-badge {
    background-color: #f0922e;
}

.timeline>li.timeline-orange .timeline-panel {
    border-color: #f0922e;
}

.timeline>li.timeline-orange>.timeline-panel:before {
    border-left-color: #f0922e;
    border-right-color: #f0922e;
}

.timeline>li.timeline-orange>.timeline-panel .timeline-time {
    background-color: #f0922e;
}


/* timeline red */

.timeline>li.timeline-red .timeline-badge {
    background-color: #e05343;
}

.timeline>li.timeline-red .timeline-panel {
    border-color: #e05343;
}

.timeline>li.timeline-red>.timeline-panel:before {
    border-left-color: #e05343;
    border-right-color: #e05343;
}

.timeline>li.timeline-red>.timeline-panel .timeline-time {
    background-color: #e05343;
}


/* timeline yellow */

.timeline>li.timeline-yellow .timeline-badge {
    background-color: #fab637;
}

.timeline>li.timeline-yellow .timeline-panel {
    border-color: #fab637;
}

.timeline>li.timeline-yellow>.timeline-panel:before {
    border-left-color: #fab637;
    border-right-color: #fab637;
}

.timeline>li.timeline-yellow>.timeline-panel .timeline-time {
    background-color: #fab637;
}

.timeline-colors ul {
    list-style: none;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-colors .timeline-color {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.timeline-colors .timeline-color:hover {
    z-index: 11;
}

.timeline-colors .timeline-color:after {
    content: attr(data-value);
    position: absolute;
    top: -36px;
    left: 50%;
    margin-left: -50px;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    display: none;
    width: 100px;
    text-align: center;
    border-radius: 3px;
}

.timeline-colors .timeline-color:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border: solid 10px transparent;
    border-top-color: #333333;
    display: none;
}

.timeline-colors .timeline-color:hover:after,
.timeline-colors .timeline-color:hover:before {
    display: block;
}

.timeline-colors .timeline-color.timeline-active {
    box-sizing: content-box;
    border: solid 5px rgba(0, 0, 0, 0.3);
}

.timeline-colors .timeline-color.timeline-active:after,
.timeline-colors .timeline-color.timeline-active:before {
    display: block;
}

.timeline-colors .timeline-color.timeline-all {
    background: rgb(60, 188, 62);
    background: -moz-linear-gradient(180deg, rgba(60, 188, 62, 1) 0%, rgba(60, 188, 62, 1) 21%, rgba(135, 60, 188, 1) 22%, rgba(135, 60, 188, 1) 46%, rgba(214, 66, 150, 1) 47%, rgba(214, 66, 150, 1) 72%, rgba(54, 217, 209, 1) 73%, rgba(54, 217, 209, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(60, 188, 62, 1) 0%, rgba(60, 188, 62, 1) 21%, rgba(135, 60, 188, 1) 22%, rgba(135, 60, 188, 1) 46%, rgba(214, 66, 150, 1) 47%, rgba(214, 66, 150, 1) 72%, rgba(54, 217, 209, 1) 73%, rgba(54, 217, 209, 1) 100%);
    background: linear-gradient(180deg, rgba(60, 188, 62, 1) 0%, rgba(60, 188, 62, 1) 21%, rgba(135, 60, 188, 1) 22%, rgba(135, 60, 188, 1) 46%, rgba(214, 66, 150, 1) 47%, rgba(214, 66, 150, 1) 72%, rgba(54, 217, 209, 1) 73%, rgba(54, 217, 209, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3cbc3e", endColorstr="#36d9d1", GradientType=1);
}

.timeline-colors .timeline-color.timeline-green {
    background-color: #3cbc3e;
}

.timeline-colors .timeline-color.timeline-purple {
    background-color: #873cbc;
}

.timeline-colors .timeline-color.timeline-pink {
    background-color: #d64296;
}

.timeline-colors .timeline-color.timeline-blue1 {
    background-color: #36d9d1;
}

.timeline-colors .timeline-color.timeline-blue2 {
    background-color: #2c53a8;
}

.timeline-colors .timeline-color.timeline-blue3 {
    background-color: #5780cc;
}

.timeline-colors .timeline-color.timeline-orange {
    background-color: #f0922e;
}

.timeline-colors .timeline-color.timeline-red {
    background-color: #e05343;
}

.timeline-colors .timeline-color.timeline-yellow {
    background-color: #fab637;
}


/* product-detail style */

.custom-product-details-subheading {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    background-color: #eee;
    margin: 0px -15px 10px;
    padding: 10px 15px;
}

.custom-product-details-subheading i {
    float: left;
    background-color: #5780cc;
    color: #fff;
    margin: -10px 10px -10px -15px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
}

.custom-product-details small {
    display: block;
    font-size: 13px;
    color: #666;
    word-break: break-all;
}

.custom-product-details strong {
    display: block;
    font-size: 15px;
    word-break: break-all;
}

.custom-product-details .cpd-gap {
    border-top: solid 1px #eaeaea;
    margin: 15px 0px;
    float: left;
    width: 100%;
}

.custom-product-details .cpd-main {
    background-color: #5780cc;
    color: #fff;
    font-size: 18px;
    padding: 6px 15px;
    margin-bottom: 15px;
    border: solid 1px #ddd;
}

.custom-product-details .cpd-main .fa {
    margin-right: 10px;
}

.custom-product-details .form-group {
    margin-bottom: 0px;
}

.custom-product-details .total-price {
    margin: 20px -15px 0px;
    border-top: solid 1px #eaeaea;
    text-align: right;
    padding: 15px 0px 0px;
}

.custom-product-details .total-price strong {
    font-size: 30px;
}

.mail-wrapper .mail-header {
    background-color: #eeeeee;
    border: solid 1px #ddd;
    padding: 15px 15px 0px;
}

.mail-wrapper .mail-block {
    margin-bottom: 15px;
}

.mail-wrapper .mail-header .mail-block>span {
    float: left;
    min-width: 100px;
    text-align: right;
    font-weight: 500;
}

.mail-wrapper .mail-header .mail-block>div {
    padding-left: 115px;
}

.mail-wrapper .mail-body {
    border: solid 1px #ddd;
    padding: 15px 15px 0px;
}

.not-found-box {
    text-align: center;
}

.not-found-box .fa {
    font-size: 140px;
    color: #95b3c5;
    position: relative;
}

.not-found-box .fa:after {
    content: '0';
    position: absolute;
    top: -15px;
    right: -24px;
    background-color: #ff9090;
    font-size: 40px;
    padding: 5px 15px;
    border-radius: 60px;
    color: #fff;
    border: solid 6px;
}

.not-found-box span {
    display: block;
    font-size: 20px;
    margin-top: 20px;
    color: #616161;
}

.check-box {
    position: relative;
    font-weight: normal;
}

.check-box span {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: solid 1px #ccc;
    background-color: #fff;
    color: #fff;
    z-index: 10;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    cursor: pointer;
}

.check-box input[type='checkbox'] {
    display: inline-block;
}

.check-box em {
    display: inline-block;
    vertical-align: super;
    margin-left: 5px;
    font-style: normal;
}

.check-box input[type='checkbox']:checked+span {
    background-color: #5780cc;
    border-color: #5780cc;
}

.other-textarea {
    margin-top: 5px;
}

.summary-slider-wrapper {
    width: 450px;
    position: fixed;
    top: 150px;
    right: -450px;
    z-index: 1000;
}

.summary-slide-label {
    position: absolute;
    top: 50%;
    left: -62px;
    background-color: #407ccb;
    color: #ffffff;
    transform: rotate(-90deg);
    padding: 6px 18px;
    margin-top: -16px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.summary-slide-label:hover {
    background-color: #e85e2b;
}

.summary-slider-wrapper .box {
    margin-bottom: 0px;
    border-top: none;
}

.summary-slider-wrapper.expand {
    right: 0%;
}

.summary-slider-wrapper.expand .box {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.summary-slider-wrapper .box .box-body {
    max-height: 400px;
    overflow: auto;
}

.summary-slider-wrapper .box .box-body .signature-box {
    margin-bottom: 20px;
}

.summary-slider-wrapper .box .box-body .button-section {
    margin-bottom: 15px;
}

.summary-slider-wrapper .box .box-body .next-prev-button-section {
    display: none;
}

.summary-slider-wrapper .box .box-body .button-section .btn {
    margin-right: 10px;
}

.summary-slider-wrapper .box .box-body .error {
    margin-bottom: 20px;
}

.summary-slider-wrapper .slide-close-icon {
    display: none;
    cursor: pointer;
}

.clear-left {
    clear: left !important;
}

.clearfix {
    clear: both !important;
}

.question-box {
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.question-box:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.question-box strong {
    font-size: 19px;
    font-weight: normal;
}

.question-box .answer-section .radio {
    font-weight: normal;
    line-height: 30px;
    padding-left: 30px;
}

.question-box .answer-section .radio input[type="radio"] {
    margin-left: 0px;
    left: 0px;
    top: 2px;
}

.question-box .answer-section .checkbox {
    font-weight: normal;
    line-height: 30px;
    padding-left: 30px;
    margin-left: -10px;
}

.question-box .answer-section .checkbox span {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 5px;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

.confirmation-window {
    width: 600px;
    margin: 10px auto 40px;
    text-align: center;
}

.confirmation-window h1 {
    font-size: 45px;
    font-weight: 500;
    margin-top: 0px;
}

.confirmation-window h1 .fa {
    color: #4dca1b;
}

.confirmation-window h4 {
    font-weight: normal;
}

.confirmation-window .confirmation-gap {
    margin-top: 30px;
}

.confirmation-window .confirmation-gap h4 strong {
    font-weight: 500;
}

.confirmation-window .confirmation-gap span {
    margin-top: 2px;
    padding-top: 7px;
    display: inline-block;
}

.confirmation-window .confirmation-gap p {
    margin-bottom: 0px;
    font-size: 15px;
}

.confirmation-window .next-action {
    margin-top: 40px;
}

.confirmation-window .next-action .next-action-heading span {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: -12px;
    padding: 0px 10px;
}

.confirmation-window .next-action .next-action-box {
    display: table;
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse;
}

.confirmation-window .next-action .next-action-box a {
    padding: 30px 15px;
    display: table-cell;
    float: none;
    vertical-align: top;
    text-transform: uppercase;
    text-decoration: none;
}

.confirmation-window .next-action .next-action-box a:hover,
.confirmation-window .next-action .next-action-box a:focus {
    text-decoration: none;
}

.confirmation-window .next-action .next-action-box a i,
.confirmation-window .next-action .next-action-box a span {
    display: block;
}

.confirmation-window .next-action .next-action-box a i {
    font-size: 21px;
}

.confirmation-window .next-action .next-action-box a span {
    margin-top: 15px;
}

.confirmation-window .confirmation-gap span {
    color: #828282;
    border-top: solid 1px rgba(255, 255, 255, 0.5);
}

.confirmation-window .confirmation-gap p {
    color: #828282;
}

.confirmation-window .next-action .next-action-heading {
    border-top: solid 1px #e0e0e0;
}

.confirmation-window .next-action .next-action-heading span {
    color: #323332;
    background-color: #ffffff;
}

.confirmation-window .next-action .next-action-box a {
    border: solid 1px #d8d8d8;
    cursor: pointer;
}

.confirmation-window .next-action .next-action-box a:hover,
.confirmation-window .next-action .next-action-box a:focus {
    background-color: #2185c7;
    border-color: #2185c7;
    color: #ffffff !important;
}

.content .invoice {
    margin: 0px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-top: none;
}

.content-header>.breadcrumb.custom-breadcrumb {
    position: static;
    float: none;
    padding: 0px;
    margin-bottom: 5px;
    background: none;
}

.content-header .filter-wrapper {
    position: absolute;
    top: 36px;
    right: 15px;
}

.content-header .filter-wrapper>.btn {
    margin-left: 10px;
}

.content-header .filter-wrapper .filter-box {
    position: fixed;
    top: 0px;
    right: -330px;
    width: 300px;
    height: 100%;
    background-color: #fefefe;
    z-index: 9000;
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.3);
    overflow: auto;
    padding: 15px;
    transition: all 0.5s ease-out;
}

.content-header .filter-wrapper .filter-box.active {
    right: 0px;
}

.content-header .filter-wrapper .filter-box .filter-title {
    margin: -15px -15px 20px;
    background-color: #e0e0e0;
    padding: 15px;
}

.content-header .filter-wrapper .filter-box .filter-section {
    border-bottom: solid 1px #d0d0d0;
    margin-bottom: 20px;
}

.content-header .filter-wrapper .filter-box .filter-section-title {
    margin: 0px 0px 10px;
    font-size: 23px;
    font-weight: normal;
}

.content-header .filter-wrapper .filter-box label {
    font-weight: normal;
}

.content-header .filter-wrapper .filter-box .form-checkbox input {
    margin-top: 0px;
    display: inline-block;
}

.content-header .filter-wrapper .filter-box .form-checkbox span {
    display: inline-block;
    vertical-align: super;
    margin-left: 5px;
}

.content-header .filter-wrapper .filter-box .filter-actions .btn {
    margin-right: 10px;
}

.filter-value {
    margin: 15px 0px;
}

.filter-value>h4 i {
    color: black;
}

.filter-value h4 {
    border-bottom: solid 1px #4fa75b;
    color: #4fa75b;
    padding-bottom: 5px;
    margin-bottom: 3px;
    font-size: 13px;
}

.filter-value>div {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    font-size: 16px;
}

.filter-value>div span,
.filter-value>div em {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

.filter-value>div em {
    font-style: normal;
    font-weight: 500;
}

.feedback-question-set .options-row {
    background-color: #fbfafa;
    border: solid 1px #f0f0f0;
    padding: 20px 20px 0px;
    margin-top: -10px;
}

.feedback-question-set .options-row .form-control {
    border-color: #999;
}

.feedback-question-set .options-row .form-control-label {
    color: #666;
}

.feedback-question-set .options-row .form-field-value .form-control-label {
    background-color: #fbfafa;
}

.feedback-question-set .options-row .btn {
    margin-right: 15px;
}

.feedback-question-set .options-row .btn:last-child {
    margin-right: 0px;
}

.feedback-question-set .secondary-heading {
    margin-top: 0px;
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 10px;
}

.feedback-question-set .question-box .question {
    font-size: 18px;
}

.feedback-question-set .question-box .options {
    margin-top: 10px;
}

.feedback-question-set .question-box .options>ul {
    padding: 0px;
    list-style: none;
}

.feedback-question-set .question-box .options>ul label {
    font-weight: normal;
}

.feedback-question-set .question-box .options>ul span {
    display: inline-block;
    vertical-align: super;
    margin-left: 5px;
}

.feedback-question-set>.button-section {
    margin: 20px 0px -15px;
    padding: 15px;
    background-color: #fbfafa;
    border-top: solid 1px #d8d8d8;
}

.table-detail-panel {
    padding: 10px 30px;
}

.custom-product-details .table-bordered,
.custom-product-details .table-bordered>thead>tr>th,
.custom-product-details .table-bordered>tbody>tr>th,
.custom-product-details .table-bordered>tfoot>tr>th,
.custom-product-details .table-bordered>thead>tr>td,
.custom-product-details .table-bordered>tbody>tr>td,
.custom-product-details .table-bordered>tfoot>tr>td {
    border-color: #dddddd;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.1);
}

#loading-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.1);
}

.loading-holder {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


/* flat colors */

.red {
    color: #F44336;
}

.pink {
    color: #E91E63;
}

.purple {
    color: #c541ef;
}

.deep-purple {
    color: #673AB7;
}

.indigo {
    color: #3F51B5;
}

.blue {
    color: #2196F3;
}

.light-blue {
    color: #03A9F4;
}

.cyan {
    color: #00BCD4;
}

.teal {
    color: #009688;
}

.green {
    color: #4CAF50;
}

.light-green {
    color: #8BC34A;
}

.lime {
    color: #CDDC39;
}

.amber {
    color: #FFC107;
}

.orange {
    color: #FF9800;
}

.deep-orange {
    color: #FF5722;
}

.brown {
    color: #795548;
}

.grey {
    color: #9E9E9E;
}

.blue-grey {
    color: #607D8B;
}

ul.box-list {
    padding: 15px 15px 5px;
    list-style: none;
}

ul.box-list li {
    display: inline-block;
    width: 204px;
    height: 183px;
    border: solid 1px #dddddd;
    margin: 0px 10px 10px 0px;
    text-align: center;
}

ul.box-list li a {
    display: block;
    padding: 10px 8px;
    color: #333333;
}

ul.box-list li .icon-holder {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: auto;
    font-size: 30px;
    background-image: radial-gradient(#fff, #edebe9);
    border-radius: 50%;
}

ul.box-list li .icon-holder .fa {
    height: 30px;
    margin-top: 15px;
}

ul.box-list li .list-content {
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
    line-height: 14px;
}

ul.box-list li .list-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5780cc;
}

ul.box-list li .list-link .fa {
    margin-left: 5px;
}

ul.box-list li a:hover {
    box-shadow: 0px 8px 2px -2px rgba(0, 0, 0, 0.1);
}

.table-with-icon [class^="icon-"],
.table-with-icon [class*=" icon-"] {
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 16px;
}

.table-with-icon .td-icon,
.table-with-icon .th-icon {
    position: relative;
    padding-left: 40px;
}

.table-with-icon .td-icon a {
    font-weight: 500;
}

.table-with-icon>thead>tr>th {
    border-bottom-color: #dddddd;
}

.table-with-icon>tbody>tr>td {
    border-top-color: #dddddd;
}

.table.table-thead-color>thead>tr>th {
    background-color: #f2f2f2;
}

ul.box-list-vertical {
    list-style: none;
    padding: 0px;
}

ul.box-list-vertical li {
    margin-bottom: 18px;
}

ul.box-list-vertical.check-list li p span {
    padding-left: 30px;
    display: block;
}

ul.box-list-vertical.check-list li p span small {
    display: inline-block;
    padding: 2px 4px;
    background-color: #467ef2;
    color: #ffffff;
    margin-left: 5px;
    border-radius: 3px;
}

ul.box-list-vertical.check-list li p .fa {
    float: left;
    margin-top: 5px;
}

ul.box-list-vertical.check-list li p span small .fa {
    float: none;
    margin-top: 0px;
    margin-right: 5px;
}

ul.box-list-vertical li a .fa {
    margin-left: 3px;
}

.box-header .box-title {
    display: block;
}

.box-header .box-title a {
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    padding: 6px;
}

.box-header .box-title .text-alert {
    float: right;
    margin-top: 5px;
    display: none;
}

.dashboard-content .box .box-header .box-title strong {
    font-size: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #4CAF50;
}

.content-header h1 .num-block {
    float: right;
}

.content-header h1 .num-block>span:first-child {
    font-size: 16px;
    margin-right: 5px;
}

.content-header>.breadcrumb>li>a {
    color: #4585cf;
}

.content-header>.breadcrumb>li {
    font-size: 12px;
}

.content-header>.breadcrumb>li+li:before {
    content: '\f054';
    font-family: FontAwesome !important;
    font-size: 10px;
    color: #666;
    display: inline-block;
    margin: 0px 4px;
    vertical-align: baseline;
}

.mandatory {
    font-size: 16px;
    display: inline-block;
    line-height: 12px;
    font-weight: 500;
}

.detailed-menu-box {
    display: none;
}

.detailed-menu-box .box-header .box-title {
    display: block;
}

.detailed-menu-box .section-controls {
    float: right;
    text-align: right;
}

.detailed-menu-box .close-save {
    margin-left: 10px;
}

.detailed-menu-box .expand-collapse a,
.detailed-menu-box .close-save a {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.detailed-menu-box .selected-items {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
}

.detailed-menu-box .selected-items span:last-child {
    font-weight: 500;
    background-color: #5795ec;
    color: #fff;
    padding: 3px 6px;
    margin-left: 6px;
    border-radius: 3px;
}

.detailed-menu-box .expand-collapse a:not(:first-child):before,
.detailed-menu-box .close-save a:not(:first-child):before {
    content: '|';
    position: absolute;
    top: 3px;
    left: -15px;
    color: #000;
    font-weight: 500;
    line-height: 16px;
}

.detailed-menu-box .check-uncheck {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.detailed-menu-box .check-uncheck label {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 14px;
}

.detailed-menu-box .check-uncheck label input[type='checkbox'] {
    display: inline-block;
    vertical-align: text-bottom;
    margin-top: 0px;
    margin-right: 5px;
}

.custom-accordion-panel ul {
    padding: 0px;
    list-style: none;
}

.custom-accordion-panel>ul>li {
    margin-bottom: 15px;
}

.custom-accordion-panel>ul>li>a {
    display: block;
    background-color: #d8f0ff;
    padding: 5px 10px;
    border-radius: 3px;
}

.custom-accordion-panel>ul>li>a span {
    display: inline-block;
    width: 90%;
}

.custom-accordion-panel>ul>li>a>i {
    float: right;
    margin-top: 1px;
}

.custom-accordion-content {
    margin: 15px 0px 0px;
}

.custom-accordion-panel>ul>li li {
    display: inline-block;
    width: 45%;
    margin-right: 9%;
    padding: 0px 10px;
    position: relative;
    margin-bottom: -2px;
}

.custom-accordion-panel>ul>li li:nth-child(even) {
    margin-right: 0%;
}

.custom-accordion-panel>ul>li li label {
    display: block;
    margin-bottom: 0px;
    padding: 10px 0px;
    font-weight: normal;
    cursor: pointer;
    border-top: dashed 1px #dddddd;
    border-bottom: dashed 1px #dddddd;
}

.custom-accordion-panel>ul>li li label:hover {
    border-color: #999999;
}

.custom-accordion-panel>ul>li li label input[type='checkbox'] {
    float: right;
}

.custom-accordion-panel>ul>li li label input[type='checkbox']:before,
.custom-accordion-panel>ul>li li label input[type='checkbox']:checked:before {
    border-color: transparent;
    background-color: #ffffff;
    color: #5780cc;
    font-size: 18px;
}

.custom-accordion-panel>ul>li li label i,
.custom-accordion-panel>ul>li li label span {
    display: inline-block;
    vertical-align: top;
}

.custom-accordion-panel>ul>li li label i {
    font-size: 24px;
    margin-right: 5px;
}

.custom-accordion-panel>ul>li li label span {
    font-size: 15px;
    line-height: 24px;
}

.custom-accordion-panel>ul>li li.special-version label {
    opacity: 0.5;
}

.custom-accordion-panel>ul>li li.special-version label input[type='checkbox'] {
    display: none;
}

.custom-accordion-panel>ul>li li.special-version .special-case {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 10;
    display: none;
}

.custom-accordion-panel>ul>li li.special-version .special-case a {
    background-color: #5780cc;
    color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    display: block;
}

.custom-accordion-panel>ul>li li.special-version .special-case span {
    display: block;
    background-color: #eee;
    padding: 3px 6px;
    border-radius: 3px;
}

.custom-accordion-panel>ul>li li.special-version:hover .special-case {
    display: block;
}

.control-sidebar {
    position: fixed !important;
    padding-top: 50px;
    right: -320px;
}

.control-sidebar.active-sidebar {
    right: 0px;
    box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 500px;
    max-width: 90%;
}

.control-sidebar .tab-content {
    height: calc(100% - 41px);
    overflow: auto;
}

.navbar-custom-menu .navbar-nav>li>a.vaibhav-link {
    height: 70px;
}

.navbar-custom-menu .navbar-nav>li>a.vaibhav-link.active,
.navbar-custom-menu .navbar-nav>li>a.vaibhav-link.active:hover,
.navbar-custom-menu .navbar-nav>li>a.vaibhav-link.active:focus {
    background-color: #577fcc;
    z-index: 1001;
}

.navbar-custom-menu .navbar-nav>li>.overlay-section {
    height: 50px;
    top: 0px;
}

.navbar-custom-menu .navbar-nav>li>a.vaibhav-link img {
    height: 34px;
}

.vaibhav-content {
    background: #ffffff;
}

.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li {
    position: relative;
}

.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li.active>a {
    background: #fff;
    color: #5780cc;
}

.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li>a {
    background: #eee;
    color: #999;
    border-left-color: #ccc;
    border-bottom-color: #ccc;
}

.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li>a:before {
    content: '';
    position: absolute;
    top: 42px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222d32;
    display: none;
}

.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li>a:after {
    content: attr(tooltip);
    position: absolute;
    top: 47px;
    left: 0px;
    z-index: 100;
    background-color: #222d32;
    color: #ffffff;
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    line-height: 1;
    display: none;
}

.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li>a:hover:before,
.control-sidebar-dark.vaibhav-content .nav-tabs.control-sidebar-tabs>li>a:hover:after {
    display: block;
}

.control-sidebar-dark.vaibhav-content .control-sidebar-heading,
.control-sidebar-dark.vaibhav-content .control-sidebar-subheading,
.control-sidebar-dark.vaibhav-content a {
    color: #5985ed;
}

.control-sidebar-dark.vaibhav-content .control-sidebar-heading {
    margin-top: 5px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.control-sidebar-dark.vaibhav-content .control-sidebar-heading small {
    font-size: 18px;
    display: block;
    color: #e86828;
}

.control-sidebar-dark.vaibhav-content p {
    color: #666666;
}

.control-sidebar-dark.vaibhav-content .logo-holder {
    text-align: center;
    margin-top: 15px;
}

.control-sidebar-dark.vaibhav-content .product-list,
.control-sidebar-dark.vaibhav-content .product-list .iconlist {
    list-style: none;
    margin-bottom: 0px;
    padding: 0px;
}

.control-sidebar-dark.vaibhav-content .product-list .iconlist {
    padding-left: 15px;
}

.control-sidebar-dark.vaibhav-content .product-list .iconlist li {
    margin: 0 0 15px 0;
    line-height: 23px;
    color: #666666;
}

.control-sidebar-dark.vaibhav-content .product-list .iconlist li .fa {
    margin-right: 5px;
}

.control-sidebar-dark.vaibhav-content .control-sidebar-subheading {
    font-size: 18px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-top: 0px;
}

.control-sidebar-dark.vaibhav-content .testimonials3 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.control-sidebar-dark.vaibhav-content .testimonials3 .img-holder {
    position: relative;
    margin: 0px;
    padding: 5px 0 0 5px;
    z-index: 5;
    border-radius: 100%;
    background-color: transparent;
    transition: all 0.3s ease-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.control-sidebar-dark.vaibhav-content .testimonials3 .img-holder .arrow-down {
    position: absolute;
    left: 89px;
    top: 94px;
    z-index: 0;
    -ms-transform: rotate(-49deg);
    -webkit-transform: rotate(-49deg);
    transform: rotate(-49deg);
    border-top: 20px solid #ebebeb;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transition: all 0.3s ease-out 0s;
}

.control-sidebar-dark.vaibhav-content .testimonials3 .img-holder .img-inner {
    width: 110px;
    height: 110px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-radius: 100%;
}

.control-sidebar-dark.vaibhav-content .testimonials3 .img-holder .img-inner .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.control-sidebar-dark.vaibhav-content .testimonials3 .text-box-right {
    display: block;
    margin: 10px 0px;
    text-align: left;
}

.control-sidebar-dark.vaibhav-content * {
    color: #666666;
}

.article-section {
    margin-bottom: 15px;
}

.article-section:last-child {
    margin-bottom: 0px;
}

.article-section .article-heading {
    font-size: 36px;
    margin-top: 0px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.article-section .article-subheading {
    font-size: 24px;
    font-style: italic;
}

.article-section p {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.article-section figure {
    margin-bottom: 15px;
}

.article-section figure img {
    background-color: #ffffff;
    border: solid 1px #d8d8d8;
    padding: 10px;
    width: 100%;
}

.article-section figure figcaption {
    text-align: center;
    font-size: 16px;
    font-style: italic;
    color: #000;
}

.article-section ul li {
    font-size: 16px;
    line-height: 24px;
}

.article-links {
    margin-bottom: 15px;
}

.article-links h2 {
    font-size: 24px;
}

.article-links ul {
    padding: 0px;
    list-style: none;
}

.article-links ul li {
    line-height: 32px;
    font-size: 16px;
}

.goto-top {
    position: absolute;
    bottom: 100px;
    right: 20px;
    background-color: #fff;
    border: solid 1px #458dbc;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 70px;
    font-size: 24px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.goto-top:hover {
    background-color: #458dbc;
    color: #fff;
}

.playstore-link img {
    height: 40px;
}

.feature-group .feature-group-heading {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.feedback-answers-block {
    margin-bottom: 40px;
}

.feedback-answers-block:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}

.feedback-answers-block .feedback-question {
    margin-top: 0px;
    margin-bottom: 30px;
    color: #000000;
    border-bottom: solid 1px #aaaaaa;
    padding-bottom: 20px;
}

.feedback-answers-block .feedback-question span {
    float: right;
    font-weight: 500;
    background-color: #222d32;
    color: #fff;
    padding: 10px;
}

.feedback-answers-block .info-box {
    background-color: #eeeeee;
}

.feedback-answers-block .info-box .info-box-text {
    font-size: 16px;
}

.feedback-answers-block .info-box .info-box-number .fa {
    font-size: 14px;
    margin-right: 7px;
}

.feedback-answers-block .info-box .info-box-content {
    height: 90px;
}

.feedback-answers-block .info-box .info-box-content>div {
    margin-top: 10px;
}

.feedback-answers-block .info-box .info-box-icon strong {
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
}

.feedback-answers-block .info-box .info-box-icon span {
    font-size: 28px;
    font-weight: 500;
    display: block;
    height: 40px;
    line-height: 40px;
}

.feedback-answers-block .feedback-rating-box-wrapper {
    display: flex;
}

.feedback-answers-block .feedback-rating-box-wrapper .feedback-rating-box {
    flex: none;
    padding: 10px;
    border: solid 1px #d8d8d8;
    border-radius: 3px;
    margin-right: 25px;
    position: relative;
}

.feedback-answers-block .feedback-rating-box-wrapper .feedback-rating-box:last-child {
    margin-right: 0px;
}

.feedback-answers-block .feedback-rating-box-wrapper .feedback-rating-box strong {
    font-size: 16px;
}

.feedback-answers-block .feedback-rating-box-wrapper .feedback-rating-box .fr-percentage {
    display: block;
    text-align: center;
    background-color: #3e7ccb;
    color: #fff;
    padding: 3px 5px;
    margin-top: 10px;
    font-size: 16px;
}

.feedback-answers-block .feedback-rating-box-wrapper .feedback-rating-box .fr-count {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 16px;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    background-color: #e75e2a;
    color: #ffffff;
}

.itrack-color-red {
    color: #dd4b39;
}

.itrack-color-aqua {
    color: #00c0ef;
}

.itrack-color-lime {
    color: #c2d416;
}

.itrack-color-green {
    color: #00a65a;
}

.itrack-color-yellow {
    color: #f39c12;
}

.checkbox-group {
    margin-top: 15px;
}

.checkbox-group .form-group {
    margin-bottom: 10px;
}

.checkbox-group .form-group .form-checkbox {
    margin: 0px;
}

.col-seperator {
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.error-page {
    margin: 20px auto;
}

.data-table-wrapper {
    padding-top: 30px !important;
    margin-top: 20px;
    border-top: solid 1px #d6d6d6;
}

.section-seperator {
    border-top: solid 1px #d6d6d6;
    padding-top: 25px;
    margin-top: 25px;
}

.allotment-state-outer-tick {
    width: 20px;
    height: 22px;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    margin-top: -2px;
    margin-bottom: 2px;
    color: #fff;
    display: inline-block;
}

.allotment-state-inner-tick {
    display: inline-block;
    background-color: #449232;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 21px;
}

.allotment-state-outer-cancel {
    width: 20px;
    height: 22px;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    margin-top: -2px;
    margin-bottom: 2px;
    color: #fff;
    display: inline-block;
}

.allotment-state-inner-cancel {
    display: inline-block;
    background-color: #de1a1a;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 21px;
}

.location-list {
    list-style: none;
    padding: 0px;
    margin-top: 15px;
}

.location-list li {
    display: inline-block;
    vertical-align: top;
    border: solid 1px #d6d6d6;
    padding: 10px;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.profile-image-preview img {
    height: auto;
    width: 100%;
    border: solid 2px #d6d6d6;
    padding: 2px;
}

.profile-detail-list {
    margin-bottom: 0px;
}

.chart-legend li {
    text-transform: uppercase;
    line-height: 23px;
}

.profile-avatar {
    position: relative;
    text-align: center;
}

.profile-avatar .fileinput-new {
    /* margin: -20px 10px 10px; */
    margin: -35px -100px 12px 0;
}

.profile-avatar .profile-user-img {
    width: 150px;
    height: 150px;
}

.profile-avatar .profile-comp-img {
    width: 200px;
    height: 60px;
    display: inline !important;
    border-radius: 0% !important;
}

.company-avatar .fileinput-new {
    margin-top: 10px;
}

.option-group {
    position: relative;
}

.option-group .option-control {
    position: absolute;
    bottom: 36px;
    right: 0px;
    padding-top: 15px;
    min-width: 150px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    text-align: left;
    display: none;
}

.option-group .option-control .options-menu {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

.option-group .option-control .options-menu label {
    margin-bottom: 0px;
}

.option-group .option-control .options-menu input[type='checkbox'] {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px;
}

.option-group .option-control .option-action {
    padding: 15px;
    border-top: solid 1px #d6d6d6;
}

.option-group .option-control .option-action .btn {
    margin-left: 5px;
}

.option-control-group-heading {
    font-size: 18px;
    background-color: #f2f2f2;
    padding: 15px;
    margin: -15px -15px 10px;
    text-transform: uppercase;
}

.option-control-group {
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 15px;
    padding: 0px 15px 15px;
}

.option-control>.option-control-group.last-control-group {
    border-bottom: none;
    padding-bottom: 0px;
}


/* overlay property */

.highlight-section {
    position: relative;
    z-index: 9000;
}

.overlay-screen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 8000;
    background-color: rgba(0, 0, 0, 0.4);
}

.overlay-section {
    position: fixed;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
}

.btn-quick-action {
    padding: 10px 15px;
}

.quick-action>li>a {
    padding: 10px;
}

.quick-action>li>a:hover {
    background-color: #5780cc;
    color: #fff;
}

.bg-blue-theme {
    background-color: #5780cc;
    color: white;
}

.app-common-form .file-upload .form-control {
    padding: 7px 12px;
    height: 34px;
}

.app-common-form .file-upload .form-control .file-caption-name .glyphicon {
    margin-right: 5px;
}

.uploaded-file-list {
    margin-bottom: 20px;
}

.uploaded-file-list>div {
    background-color: #f2f2f2;
    padding: 10px 0px 10px 15px;
    border-bottom: solid 1px #d6d6d6;
}

.uploaded-file-list>div:last-child {
    border-bottom: none;
}

.uploaded-file-list>div span {
    word-break: break-all;
}

.uploaded-file-list>div span .fa {
    margin-right: 5px;
}

.uploaded-file-list>div a.action {
    float: right;
    margin: -10px 0px;
    padding: 0px 15px;
    line-height: 40px;
    font-size: 16px;
    border-left: solid 1px #d6d6d6;
}

.uploaded-file-list>div a.remove {
    background-color: #fff;
    color: #f58f8f;
}

.uploaded-file-list>div a.remove:hover {
    background-color: #f58f8f;
    color: #fff;
}

.uploaded-file-list>div a.download {
    background-color: #fff;
    color: #5780cc;
}

.uploaded-file-list>div a.download:hover {
    background-color: #5780cc;
    color: #fff;
}

.file-drop-zone .file-preview-thumbnails .file-preview-image {
    max-width: 100%;
}

.document-grid td a {
    background-color: #577fcc;
    color: #ffffff;
    border-radius: 5px;
    padding: 2px 5px;
    display: inline-flex;
    margin: 5px 0px;
}

.document-grid td a:hover {
    background-color: #e85f2a;
    color: #ffffff;
}

div#imagePrev {
    display: flex;
    flex-wrap: wrap;
}

.exit-fullscreen,
.grid-wrapper .grid-controls {
    display: none;
}

.content.fullscreen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #ffffff;
    overflow: auto;
    padding-bottom: 0px;
}

.content.fullscreen .exit-fullscreen {
    display: block;
    margin-bottom: 10px;
}

.content.fullscreen .grid-wrapper {
    display: flex;
    height: calc(100% - 45px);
}

.content.fullscreen .grid-wrapper .grid-contains {
    width: 85%;
}

.content.fullscreen .grid-wrapper .grid-contains .box {
    height: calc(100% - 15px);
}

.content.fullscreen .grid-wrapper .grid-controls {
    width: 15%;
    display: block;
    padding: 0px 15px;
    background-color: #f9f9f9;
}

.content.fullscreen .grid-wrapper .grid-controls h3 .btn {
    float: right;
    margin-top: -5px;
}

.content.fullscreen .grid-wrapper .grid-controls ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.content.fullscreen .grid-wrapper .grid-controls ul li {
    border-bottom: solid 1px #d6d6d6;
    padding: 10px 5px;
    cursor: default;
}

.content.fullscreen .grid-wrapper .grid-controls ul li .fa {
    margin-right: 5px;
}

.dvBatchwise {
    display: flex;
    width: 100%;
    padding: 0px 15px;
}

.dvBatchwise .batch-panel {
    background-color: #f9f9f9;
    margin: 15px 0px 30px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.dvBatchwise .batch-panel h4 {
    margin-top: 15px;
    font-size: 24px;
}

.app-common-form .dvBatchwise .batch-panel .form-field-value .form-control-label {
    background-color: #f9f9f9;
}

.dvBatchwise .btcRows {
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 25px;
}

.dvBatchwise .btcRows:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.dvBatchwise .btcRows .btc-action .form-group {
    margin-bottom: 0px;
    text-align: right;
}

.dvBatchwise .btcRows .btc-action .form-group .btn {
    margin-left: 15px;
}

.fullscreen-wrapper .navbar-custom-menu .navbar-nav>li>a.vaibhav-link {
    height: 40px;
    padding: 5px;
}

.fullscreen-wrapper .navbar-custom-menu .navbar-nav>li>a.vaibhav-link img {
    height: 30px;
    display: none;
}

.fullscreen-wrapper .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu .avatar-image,
.fullscreen-wrapper .navbar-custom-menu>.navbar-nav>li.dropdown.user.user-menu .avatar-name>span:first-child {
    display: none;
}

.fullscreen-wrapper .navbar-custom-menu>.navbar-nav>li.user-menu .avatar-name>.network-status {
    padding: 3px 10px;
}

.fullscreen-wrapper .navbar-custom-menu>.navbar-nav>li.user-menu .dropdown-toggle {
    padding: 8px 15px;
    margin-left: 15px;
}

.content-wrapper .content-header {
    font-weight: 300;
    color: #222d32;
    padding: 0px;
    margin-bottom: 20px;
}

.content-wrapper .content-header .screen-action {
    float: right;
    margin-top: 15px;
}

.content-wrapper .content-header .screen-action~h1 {
    padding-right: 120px;
}

.content-wrapper .content-header h1 {
    font-weight: 300;
    color: #222d32;
    font-size: 20px;
}

.content-wrapper .content-header h1 small {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.sidebar-mini .fullscreen-wrapper .content-wrapper .button-section {
    text-align: right;
    border-top: solid 1px #d6d6d6;
    padding: 15px;
    margin: 0px -15px -30px;
    background-color: #f0f0f0;
}

.sidebar-mini .fullscreen-wrapper .content-wrapper .button-section .btn {
    margin-left: 10px;
}

.sidebar-mini .fullscreen-wrapper .content-wrapper .button-section .btn i {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.table.table-bordered>thead>tr>td,
.table.table-bordered>thead>tr>th {
    border-top: solid 1px #333333 !important;
    border-bottom: solid 1px #333333;
    border-left: none;
    border-right: none;
    font-weight: bold;
}

.table.table-bordered>tbody>tr>td,
.table.table-bordered>tbody>tr>th {
    border-top: solid 1px #dddddd !important;
    border-bottom: solid 1px #dddddd;
    border-left: none;
    border-right: none;
    vertical-align: middle;
}

.table.table-bordered>tbody>tr:last-child>td,
.table.table-bordered>tbody>tr:last-child>th {
    border-bottom-color: #333333;
}

.table.table-bordered>tbody>tr>td .form-group,
.table.table-bordered>tbody>tr>th .form-group {
    margin-bottom: 0px;
}

.right-info-bar {
    padding: 10px 15px;
    margin-top: -30px;
    border-left: solid 1px #d6d6d6;
    width: calc(25% - 15px);
}

.right-info-bar>.row>div {
    padding: 0px;
}

.right-info-bar>.row>div .field-info {
    padding: 0px 15px;
    border-bottom: solid 1px #d6d6d6;
}

.right-info-bar>.row>div:last-child .field-info {
    border-bottom: none;
}

.jsgrid-grid-header,
.jsgrid-header-row>.jsgrid-header-cell,
.jsgrid-filter-row>.jsgrid-cell {
    background: transparent;
}

.jsgrid-edit-row>.jsgrid-cell,
.jsgrid-filter-row>.jsgrid-cell,
.jsgrid-grid-body,
.jsgrid-grid-header,
.jsgrid-header-row>.jsgrid-header-cell,
.jsgrid-insert-row>.jsgrid-cell {
    border: none;
}

.jsgrid-header-row>.jsgrid-header-cell {
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
}

.jsgrid-filter-row>.jsgrid-cell {
    border-bottom: solid 1px #333333;
}

.jsgrid-cell {
    border: none;
}


/*.jsgrid-row>.jsgrid-cell {
    background: #f9f9f9;
    border-bottom: solid 1px #dddddd;
}

.jsgrid-alt-row>.jsgrid-cell {
    background: #ffffff;
    border-bottom: solid 1px #dddddd;
}*/

.jsgrid-pager-container {
    text-align: right;
    margin-top: 15px;
}

.jsgrid-pager-page,
.jsgrid-pager-nav-button {
    padding: .5em 1em;
    border: solid 1px #cccccc;
    margin-left: -1px;
}

.jsgrid-pager-nav-button {
    margin-left: -4px;
}

.jsgrid-pager-current-page {
    background-color: #577fcc;
    color: #ffffff;
}

.jsgrid-header-sort-asc:before {
    border-color: transparent transparent #577fcc;
    margin: 6px 6px 0px 0px;
}

.jsgrid-header-sort-desc:before {
    border-color: #577fcc transparent transparent;
    margin: 6px 6px 0px 0px;
}

.company-title {
    float: left;
    width: calc(100% - 340px);
    color: #ffffff;
    line-height: 50px;
    margin-left: 12px;
    font-size: 18px;
    font-weight: 500;
}

.company-title>div {
    float: right;
}

.company-title>div span {
    display: inline-block;
    margin-left: 10px;
}

.box-body .nav-tabs-custom>.nav-tabs>li.active {
    font-weight: bold;
}

.tab-content .tab-pane .message-info {
    font-size: 18px;
    font-weight: bold;
    color: #222d32;
    margin-bottom: 24px;
}

.app-common-form .item-entry-ctrl .form-field {
    margin-bottom: 0px;
}

.app-common-form .information-view .information-heading {
    font-weight: bold;
    margin-bottom: 15px;
}

.app-common-form .information-view .form-field .form-control-label {
    position: static;
    display: block;
    text-align: left;
    padding: 0px;
}

.app-common-form .information-view .form-control {
    padding: 0px;
    border: none;
    height: auto;
    font-weight: bold;
    color: #000000;
}

.information-view .information-devider {
    border-top: solid 1px #d6d6d6;
    margin-bottom: 20px;
}

.app-grid-form .app-grid-field-wrapper {
    border-radius: 4px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.app-grid-form .app-grid-field-wrapper label {
    margin-bottom: 0px;
    margin-right: 15px;
    font-weight: 300;
}

.app-grid-form .app-grid-field-wrapper .form-field {
    background-color: #ffffff;
    margin-bottom: 0px;
    flex: 1;
}

.app-grid-form .app-grid-field-wrapper .form-control:focus~.form-control-label {
    border-color: #5780cc;
}

.shortcut-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #efefef;
    z-index: 1000;
    overflow-x: auto;
}

.shortcut-bar ul {
    padding: 0px;
    list-style: none;
    display: flex;
    margin: 0px;
    align-items: center;
    justify-content: center;
    height: inherit;
}

.shortcut-bar ul li {
    background-color: #ffffff;
    margin: 0px 10px;
    padding: 5px 10px;
    border-radius: 8px;
}

.shortcut-bar ul li i {
    margin-right: 5px;
}

.shortcut-bar ul li span {
    display: inline-block;
    background-color: #346888;
    color: #fff;
    margin-left: 5px;
    padding: 2px 5px;
    border-radius: 5px;
    font-weight: 500;
}

.item-entry .collapse.in .row.mb-15>div {
    border-bottom: solid 1px #d0d0d0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    padding-top: 15px;
}

.item-search-off .input-group .input-group-addon {
    display: table-cell;
}

.item-search-off .input-group .input-group-btn {
    display: none;
}

.item-search-on .input-group .input-group-addon {
    display: none;
}

.item-search-on .input-group .input-group-btn {
    display: table-cell;
}

.app-common-form .item-search-on {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    margin: 0px;
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

.app-common-form .item-search-on .input-group {
    position: static;
}

.app-common-form .form-field-value.item-search-on .form-control-label {
    top: 10px;
    left: 36px;
}

.app-common-form .item-search-on .form-field-icon {
    top: 26px;
    left: 23px;
}

.app-common-form .item-search-on .input-group .form-control:focus {
    /* box-shadow: 0px 0px 10px #5780cc !important; */
    box-shadow: none !important;
}

.app-common-form .item-search-on .input-group .btn {
    height: 45px;
}

.item-result-wrapper {
    text-align: left;
}

.item-result-wrapper .item-box {
    margin-bottom: 0px;
    background-color: #ffffff;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    display: flex;
}

.item-result-wrapper .item-box .item-left {
    width: calc(100% - 520px);
    margin-right: 20px;
    border-right: solid 1px #a0a0a0;
}

.item-result-wrapper .item-box .item-left>div {
    border-bottom: solid 1px #a0a0a0;
    padding: 3px 15px;
    display: flex;
    font-weight: bold;
}

.item-result-wrapper .item-box .item-left>div:last-child {
    border-bottom: none;
}

.item-result-wrapper .item-box .item-left>div>* {
    margin-right: 15px;
    font-weight: normal;
}

.item-result-wrapper .item-box .item-left>div.item-code {
    font-size: 16px;
    font-weight: normal;
}

.item-result-wrapper .item-box .item-left>div span {
    font-weight: normal;
}

.item-result-wrapper .item-box .item-right {
    width: 500px;
    display: flex;
    padding: 5px;
}

.item-result-wrapper .item-box .item-right>div {
    flex: 1;
    padding: 0px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: normal;
}

.item-result-wrapper.item-result-single-line .item-box .item-right>div {
    flex-direction: row;
    justify-content: flex-start;
}

.item-result-wrapper.item-result-single-line .item-box .item-right>div span {
    margin-right: 10px;
}

.item-result-wrapper .item-box .item-right>div strong {
    font-weight: normal;
}

.item-result-wrapper .item-box .item-right>div:not(:last-child):not(:first-child) {
    border-left: solid 1px #a0a0a0;
}

.item-result-wrapper .item-box .item-right .item-stock {
    background-color: #5abc90;
    color: #ffffff;
    border-radius: 6px;
}

.box-body .item-search-on .typeahead.dropdown-menu {
    max-width: 100%;
    height: calc(100% - 65px);
    border: none;
    background-color: #f5f0f0;
    padding: 20px;
    margin: 0px;
    top: 65px !important;
    left: 0px !important;
}

.box-body .item-search-on .typeahead.dropdown-menu>li {
    margin-bottom: 15px;
    display: block;
}

.box-body .item-search-on .typeahead.dropdown-menu>li.active>a.dropdown-item {
    background-color: transparent;
}

.box-body .item-search-on .typeahead.dropdown-menu>li.active .item-result-wrapper .item-box {
    background-color: #337ab7;
}

.box-body .item-search-on .typeahead.dropdown-menu>li a .media-body,
.box-body .item-search-on .typeahead.dropdown-menu>li a .media-left,
.box-body .item-search-on .typeahead.dropdown-menu>li a .media-right {
    margin-bottom: 0px !important;
    padding: 0px;
}

.box-body .item-search-on .typeahead.dropdown-menu>li a .media-body a,
.box-body .item-search-on .typeahead.dropdown-menu>li a .media-left a,
.box-body .item-search-on .typeahead.dropdown-menu>li a .media-right a {
    padding: 0px !important;
    background-color: transparent;
}

.item-entry,
.deficit-item-list,
.misc-item {
    margin: 20px 0px 30px;
    background-color: #fbfbfb;
    border: solid 1px #d0d0d0;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.item-entry input.typeahead {
    background-color: #fbfbfb !important;
    height: 44.5px;
}

.app-common-form .item-entry .form-field-value .form-control-label {
    background-color: #fbfbfb;
}

.item-entry .item-count {
    display: inline-block;
    float: right;
    margin: 7px 15px;
    font-weight: bold;
}

.deficit-item-list .deficit-item-header,
.misc-item .misc-item-header {
    border-bottom: solid 1px #dddddd;
    margin: -15px -15px 20px;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.deficit-item-list .deficit-item-header .form-control-label,
.misc-item .misc-item-header span {
    margin: 0px;
    font-size: 18px;
    font-weight: 300;
}

.deficit-item-list .deficit-item-content table {
    margin-bottom: 0px;
}

.custom-list-error-messages .alert-danger {
    background-color: #fbfbfb !important;
    color: #000000 !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    margin-bottom: 30px;
}

.custom-list-error-messages .alert-danger>span {
    background-color: #ffe6e6;
    display: block;
    width: calc(100% - 30px);
    padding: 10px;
    border-radius: 3px;
    color: #a94442;
}

.custom-list-error-messages .alert-danger ul.error-list {
    margin-top: 12px;
}

.custom-list-error-messages .alert-danger ul.error-list li {
    color: #a94442;
    line-height: 30px;
}

.custom-list-error-messages .alert-info {
    background-color: #fbfbfb !important;
    color: #000000 !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    margin-bottom: 30px;
}

.custom-list-error-messages .alert-info>span {
    background-color: #dcf8ff;
    display: block;
    width: calc(100% - 30px);
    padding: 10px;
    border-radius: 3px;
    color: #066e88;
}

.custom-list-error-messages .alert-info>p {
    margin-top: 12px;
}

.custom-list-error-messages .alert-danger ul.error-list {
    margin-top: 12px;
}

.custom-list-error-messages .alert-danger ul.error-list li {
    color: #a94442;
    line-height: 30px;
}

.multiselect-native-select .multiselect-container.dropdown-menu {
    width: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.auto-height-multiselector .multiselect-native-select .multiselect {
    height: auto;
    min-height: 45px;
}

.auto-height-multiselector .multiselect-native-select .multiselect .multiselect-selected-text {
    display: inline-block;
    width: calc(100% - 15px);
    padding-right: 20px;
    white-space: normal;
    line-height: 24px;
}

div#selectedPendingItems {
    background-color: #DADADA;
    border: solid 1px #d0d0d0;
    margin-bottom: 30px;
    border-radius: 3px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    padding: 15px;
    display: none;
}

div#selectedPendingItems h3 {
    margin-top: 0px;
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 10px;
    font-size: 18px;
}

div#selectedPendingItems>div {
    display: flex;
    margin-top: 15px;
}

div#selectedPendingItems>div .selected-count,
div#selectedPendingItems>div .total-amt {
    width: 100px;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 5px;
    margin-right: 20px;
}

div#selectedPendingItems>div .selected-count .fa,
div#selectedPendingItems>div .total-amt .fa {
    display: inline-block;
    margin-bottom: 15px;
    background-color: #577fcc;
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}

div#selectedPendingItems>div ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: calc(100% - 240px);
}

div#selectedPendingItems>div ul li {
    margin-bottom: 10px;
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 10px;
}

div#selectedPendingItems>div ul li:last-child {
    margin-bottom: 0px;
    padding: 0px;
    border: none;
}

.main-header {
    margin-left: 230px;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
}

.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 50px;
}

.main-header .navbar,
.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 0px;
}

.main-header .logo {
    display: none;
}

.main-sidebar {
    padding-top: 0px;
    background-color: #DADADA !important;
}

.sidebar-fixed a.logo {
    display: block;
    text-align: center;
    padding: 10px;
    /*background: #346888;*/
}

.sidebar-fixed a.logo svg {
    width: 200px;
    height: 70px;
}

.skin-blue .sidebar-form {
    border: none;
}

#Path_34,
#Quick_Balance,
#Anywhere_Anytime,
#Ellipse_6 {
    fill: #000000;
}

#Line_4 {
    stroke: #000000;
}

.sidebar-fixed a.logo .symbol-logo {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-fixed a.logo .symbol-logo {
    display: block;
    width: 30px;
    height: 30px;
}

.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-fixed a.logo .full-logo {
    display: none;
}

.skin-blue .main-header .navbar {
    background-color: #346888;
    display: flex;
    align-items: center;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #DADADA;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
    left: 193px !important;
    top: 7px !important;
    padding: 15px 7px 15px 30px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
    background-color: #346888;
}

.skin-blue .sidebar-menu>li.active>a {
    background: rgba(255, 255, 255, 0.1);
}

.default-menu-box .box-body.body-menus {
    /* background-color: #EDF0F5; */
    background-color: #DADADA;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}

.main-header .navbar-custom-menu {
    height: 50px;
    display: inline-flex;
    align-items: center;
}

.content-wrapper {
    padding: 15px 15px 0px;
}

.content-wrapper .content {
    padding: 15px;
    /* background-color: #ffffff; */
    /* background-color: #DADADA; */
    border-radius: 8px;
    background-color: transparent;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); */
    box-shadow: none;
    position: relative;
    margin-bottom: 15px;
    min-height: auto;
}

.content-wrapper .content .panel {
    margin-bottom: 0px;
}

.content-wrapper .content .panel .alert-danger {
    background-color: #ffe4e1 !important;
    color: #d73925 !important;
    border: none;
}

.content-wrapper .content .panel .alert-success {
    background-color: #d7f7e9 !important;
    border: none;
    color: #008d4c !important;
}

.content-wrapper .home-content .box {
    /* box-shadow: none; */
    box-shadow: 0px 0px 1px rgb(0 0 0 / 50%);
    border: none;
    margin: -15px;
    width: auto;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.content-wrapper .home-content .box-body>.app-common-form {
    /* padding-top: 0px; */
}

.grid-wrapper .grid-contains .box {
    box-shadow: none;
    border: none;
    background-color: #DADADA;
    border-radius: 8px;
    margin-bottom: 0px;
}

.grid-wrapper .grid-contains .box .dataTables_length select {
    border: solid 1px #a0a0a0;
    border-radius: 6px;
    padding: 5px;
    margin: 0px 5px;
    background-color: #ffffff;
}

.grid-wrapper .grid-contains .box .dataTables_length select:focus,
.grid-wrapper .grid-contains .box .dataTables_filter input:focus {
    box-shadow: 0 0 0 0.2rem #252a74;
    border-color: #252a74;
    outline: none;
}

.grid-wrapper .grid-contains .box .dataTables_filter input {
    border: solid 1px #a0a0a0;
    border-radius: 6px;
    padding: 5px;
    background-color: #ffffff;
}

.grid-wrapper .grid-contains .box table.dataTable thead th {
    padding-left: 10px;
}

.grid-wrapper .grid-contains .box .dataTables_wrapper .dataTables_paginate {
    margin-top: 10px;
    background-color: #ffffff;
    border: solid 1px #d0d0d0;
    border-radius: 8px;
    padding: 5px 0px;
}

.grid-wrapper .grid-contains .box .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 30px;
    min-height: 30px;
    max-height: 30px;
    padding: 5px 10px;
    text-align: center;
    line-height: 18px;
    border-radius: 8px;
    margin: 0px 10px;
    font-weight: 500;
}

.grid-wrapper .grid-contains .box .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.grid-wrapper .grid-contains .box .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #346888;
    border-color: #346888;
    color: #ffffff !important;
}

.grid-wrapper .grid-contains .box .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.01);
    color: #333333 !important;
}

.grid-wrapper .grid-contains .box .grid-btn-group {
    display: flex;
    float: right;
}

.grid-wrapper .grid-contains .box .grid-btn-group>* {
    margin-right: 15px;
}

.grid-wrapper .grid-contains .box .dataTables_scrollHeadInner {
    width: 100% !important;
}

.grid-wrapper .grid-contains .box table.dataTable {
    border-spacing: 0px 6px;
    width: 100% !important;
}

.grid-wrapper .grid-contains .box table.dataTable.stripe tbody tr.odd,
.grid-wrapper .grid-contains .box table.dataTable.display tbody tr.odd {
    background-color: #ffffff;
}

.grid-wrapper .grid-contains .box table.dataTable.stripe tbody tr:hover,
.grid-wrapper .grid-contains .box table.dataTable.display tbody tr:hover {
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.grid-wrapper .grid-contains .box table.dataTable.display tbody tr.odd>.sorting_1,
.grid-wrapper .grid-contains .box table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
.grid-wrapper .grid-contains .box table.dataTable.display tbody tr.even>.sorting_1,
.grid-wrapper .grid-contains .box table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}

.grid-wrapper .grid-contains .box table.dataTable.row-border tbody th,
.grid-wrapper .grid-contains .box table.dataTable.row-border tbody td,
.grid-wrapper .grid-contains .box table.dataTable.display tbody th,
.grid-wrapper .grid-contains .box table.dataTable.display tbody td {
    border: none;
}

.grid-wrapper .grid-contains .box table.dataTable.display tbody tr td:first-child {
    border-radius: 6px 0px 0px 6px;
}

.grid-wrapper .grid-contains .box table.dataTable.display tbody tr td:last-child {
    border-radius: 0px 6px 6px 0px;
}

.grid-wrapper .grid-contains .box table.dataTable .btn {
    position: relative;
}

.grid-wrapper .grid-contains .box table.dataTable .btn .secondary-icon {
    position: absolute;
    background-color: #dd4b39;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    border: solid 2px #ffffff;
    box-sizing: content-box;
    top: -5px;
    right: -10px;
}

.profile-avatar-wrapper {
    background-color: #DADADA;
    padding: 15px;
    border-radius: 8px;
    height: 100%;
}

.profile-avatar-wrapper .profile-detail-list {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin-top: 30px;
}

.profile-avatar-wrapper .profile-detail-list li {
    margin-top: 15px;
    line-height: 24px;
}

.profile-avatar-wrapper .profile-detail-list li .avatar-name {
    font-size: 16px;
}

.profile-avatar-wrapper .profile-detail-list li i {
    display: inline-block;
    margin-right: 5px;
    color: #577fcc;
}

.profile-settings-wrapper .profile-setting-box {
    border-bottom: solid 1px #dddddd;
    margin-bottom: 20px;
}

.profile-settings-wrapper .profile-setting-box .profile-setting-heading {
    font-weight: 400;
    margin-bottom: 20px;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.input-group .input-group-btn .btn:not(.btn-nav-filter) {
    height: 45px;
    border-radius: 0;
    /* background-color: #346888;
    border-color: #346888; */
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    border-bottom-color: black;
    color: black;
}

.main-header .logo .logo-lg svg {
    height: 50px;
    width: 300px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    display: flex;
}

table.dataTable>tbody>tr.child ul.dtr-details>li span.dtr-title {
    width: 45%;
    margin-right: 5%;
}

table.dataTable>tbody>tr.child ul.dtr-details>li span.dtr-data {
    width: 50%;
    white-space: normal;
}

.table.table-full-border>thead>tr>td,
.table.table-full-border>tbody>tr>td {
    border: 1px solid #ddd !important;
}

#itemEntryCollapse {
    position: relative;
}

.margin-indicator {
    position: absolute;
    top: -54px;
    left: 0px;
    display: flex;
}

.margin-indicator div {
    margin-right: 15px;
    background-color: #e7ebf0;
    padding: 6px 15px;
    border-radius: 30px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

.margin-indicator div span {
    background-color: #ffffff;
    padding: 5px;
    margin-left: 10px;
    border-radius: 20px;
}

.grid-wrapper.sticky-grid {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding-left: 50px;
    z-index: 1000;
}

.grid-wrapper.sticky-grid.fullscreen-grid {
    z-index: 10000;
}

.grid-wrapper.sticky-grid .grid-contains {
    max-height: 250px;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    overflow: auto;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2);
}

.grid-wrapper.sticky-grid.fullscreen-grid .grid-contains {
    max-height: 90vh;
}

.grid-wrapper.sticky-grid .grid-contains .grid-heading {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
}

.grid-wrapper.sticky-grid .grid-contains .grid-heading .btn-exit-fullscreen {
    display: none;
}

.grid-wrapper.sticky-grid.fullscreen-grid .grid-contains .grid-heading .btn-exit-fullscreen {
    display: block;
}

.grid-wrapper.sticky-grid.fullscreen-grid .grid-contains .grid-heading .btn-fullscreen {
    display: none;
}

.grid-wrapper .grid-contains>h4 {
    display: none;
}

.grid-wrapper.sticky-grid .grid-contains>h4 {
    font-size: 24px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    padding: 15px;
    display: block;
}

.grid-wrapper.sticky-grid .grid-contains .col-md-12 {
    width: calc(100% - 30px);
    margin: 0px 15px;
}

.grid-wrapper.sticky-grid2 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding-left: 50px;
    z-index: 1000;
    background-color: ghostwhite;
}

.grid-wrapper.sticky-grid2 .grid-contains {
    max-height: 250px;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    overflow: auto;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2);
}

.grid-wrapper.sticky-grid2 .grid-contains>h4 {
    font-size: 24px;
    font-weight: 400;
    width: 100%;
    text-align: left;
    padding: 15px;
    display: block;
}

.item-message {
    display: inline-block;
    margin: 7px 15px;
    font-weight: bold;
}

.order-screen {
    justify-content: space-between;
}

.order-screen:after {
    display: none;
}

.order-screen:before {
    display: none;
}

.order-screen .right-info-bar {
    background-color: #222d32;
    color: #ffffff;
    border-radius: 0px 0px 0px 30px;
    margin-right: 0;
    margin-bottom: 15px;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1);
    border: none;
    width: auto;
}

.order-screen .right-info-bar .field-info {
    padding: 0px 10px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.order-screen .right-info-bar .field-info strong {
    font-size: 18px;
}

.sorder-screen .right-info-bar .field-info div {
    font-size: 30px;
}

.custom-expand-collapse {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    border: solid 1px #dddddd;
}

.custom-expand-collapse .custom-expand-collapse-ctrl {
    cursor: pointer;
    margin: 0px;
}

.custom-expand-collapse .custom-expand-collapse-ctrl * {
    cursor: pointer;
}

.custom-expand-collapse .custom-expand-collapse-ctrl .fa-chevron-down {
    transform: rotate(-90deg);
}

.custom-expand-collapse .custom-expand-collapse-elmt {
    display: none;
    background-color: #ffffff;
    margin-top: 15px;
}

.custom-expand-collapse .custom-expand-collapse-elmt .table {
    margin-bottom: 0px;
}

.custom-expand-collapse.expand .custom-expand-collapse-ctrl .fa-chevron-down {
    transform: rotate(0deg);
}

.custom-expand-collapse.expand .custom-expand-collapse-elmt {
    display: block;
    overflow-x: auto;
}

.item-result-wrapper-balance .item-box .item-left {
    width: calc(100% - 170px);
}

.item-result-wrapper-balance .item-box .item-right {
    width: 150px;
}

.box-body .app-common-form .order-screen .form-field:not(.item-search-on) {
    min-height: 45px;
}

.fullscreen-popup {
    position: fixed;
    /*top: 50px;
    left: 50px;*/
    /*width: calc(100% - 50px);
    height: calc(100% - 50px);*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5555;
    background-color: #ffffff;
    padding: 20px;
}

.fullscreen-popup .fullscreen-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.fullscreen-popup .fullscreen-heading {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

.fullscreen-popup .fullscreen-table {
    height: calc(100% - 50px);
    overflow: auto;
}

.fullscreen-popup .fullscreen-table .qty {
    display: inline-block;
    background-color: #0057ff;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 20px;
}

.fullscreen-popup .selected-batch {
    background-color: #5780cc;
    color: #ffffff;
}

.fullscreen-popup .fullscreen-table .selected-batch .qty {
    background-color: #ffffff;
    color: #5780cc;
}

.grid-report-container {
    /* border: solid 1px #d6d6d6; */
    border: none;
    padding: 0px 20px 5px;
    border-radius: 6px;
    /* box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); */
    box-shadow: none;
}

.grid-report-container .box {
    border: none;
    margin: 0px -15px;
    width: auto;
    box-shadow: none;
}

.grid-report-container .box .table-detail-header thead th {
    border-top: solid 1px #dddddd !important;
}

.grid-report-container .dataTables_scrollHead,
.grid-report-container .DTFC_LeftHeadWrapper {
    border-top: solid 1px #d6d6d6 !important;
}

.grid-report-container thead th,
.grid-report-container tfoot th,
.grid-report-container tbody td {
    border: solid 1px #d6d6d6;
}

.grid-report-container .dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
}

.grid-report-container .dataTables_length select {
    border: solid 1px #a0a0a0;
    border-radius: 6px;
    padding: 5px;
    margin: 0px 5px;
    background-color: #ffffff;
}

.grid-report-container .dataTables_filter input {
    border: solid 1px #a0a0a0;
    border-radius: 6px;
    padding: 5px;
    background-color: #ffffff;
}

.grid-report-container .dataTables_length select:focus,
.grid-report-container .dataTables_filter input:focus {
    box-shadow: 0 0 0 0.2rem #252a74;
    border-color: #252a74;
    outline: none;
}

.grid-report-container .dataTables_wrapper .dataTables_paginate {
    margin-top: 10px;
    background-color: #ffffff;
    border: solid 1px #d0d0d0;
    border-radius: 30px;
    padding: 5px 0px;
}

.grid-report-container .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 30px;
    min-height: 30px;
    max-height: 30px;
    padding: 5px 10px;
    text-align: center;
    line-height: 18px;
    border-radius: 30px;
    margin: 0px 10px;
}

.grid-report-container .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.grid-report-container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #212BB8;
    border-color: #212BB8;
    color: #ffffff !important;
}

.grid-report-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.01);
    color: #333333 !important;
}

.common-box {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    position: relative;
}


/**Extra CSS */

.flex-btn-group {
    display: flex;
}

.flex-btn-group .btn {
    margin-right: 10px;
}

.sidebar-menu li>a {
    color: #000000 !important;
    font-weight: 500;
    transition: all 0.4s ease;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    /* color: #000000 !important; */
    color: #FFFFFF !important;
    background: #346888 !important;
    border-left-color: #346888;
    font-weight: 500;
    box-shadow: 0px 4px 2px rgb(0 0 0 / 10%);
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    background: #DADADA !important;
}

.sidebar-menu .treeview-menu>li:hover>a {
    background: #346888 !important;
    border-left-color: #346888;
    font-weight: 500;
    box-shadow: 0px 4px 2px rgb(0 0 0 / 10%);
    color: white !important;
}

/*Page Title*/
.page-title {
    color: var(--primary);
    font-weight: 600;
    letter-spacing: 0.2rem;
}